html{
  width:100%;
  overflow: hidden;
}
body{
  width:100%;
  overflow: hidden;
}

.main{
  overflow: hidden;
}

.swiper-warp{
  width: 7.5rem;
  height: 100%;
  /* height: 11.29rem; */
  background-color: #fff;
  position: relative;
  overflow: hidden;
  top: 0;
  left: 0;
}
.swiper {
  width: 500%;
  height: 100%;
  /* height: 11.29rem; */
  overflow: hidden;
  position: relative;
  top: 0;
  left: 0;  
}

.swiper .swiper-item{
  width: 20%;
  height: 100%;
  font-size: 0;
  /* height: 11.29rem; */
  overflow: auto;
  position: absolute;
  font-size: 0;
}

.swiper .swiper-item.item1{
  left: 0;
}

.swiper .swiper-item.item2{
  left: 20%;
}

.swiper .swiper-item.item3{
  left: 40%;
}

.swiper .swiper-item.item4{
  left: 60%;
}

.swiper .swiper-item.item5{
  left: 80%;
}

.swiper .swiper-item img{
  width: 100%;
  display: block;
  pointer-events: none;
}

.swiper-btn{
  width: .48rem;
  height: 1.26rem;
  background:url(./../img/swiper_btn.png) center center no-repeat;
  background-size: cover;
  position: absolute;
  top: 50%;
  margin-top: -0.64rem;
  z-index: 999;
}

.swiper-pre{
  left: .31rem;
}

.swiper-next{
  right: .31rem;
  transform:rotate(180deg);
  -ms-transform:rotate(180deg); 	/* IE 9 */
  -moz-transform:rotate(180deg); 	/* Firefox */
  -webkit-transform:rotate(180deg); /* Safari 和 Chrome */
  -o-transform:rotate(180deg); 	/* Opera */
}

.full-mask{
  position: fixed;
  top:0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  background-color: #fff;
  font-size: 0;
  overflow-y: auto;
}

.full-mask img{
  display: block;
  width:100%;
}